<template>
  <div class="col-md-12 background"  >
    <div class="col-middle">
      <div class="text-center text-center">
        <h1 class="error-number">404</h1>
        <h2>页面不存在</h2>
        <br>
        <div class="mid_center">
          <button type="button" class="btn btn-info" @click="returnHome">返回首页</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "Page404",
    methods:{
      returnHome(){
        this.$router.push({path:'/home'})
      }
    }
  }
</script>

<style scoped>
.background{
  height: 100%;
  background: #2a3f54;
}
</style>